<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图形输出</title>
	<script type="text/javascript">
//		var a=func();首先
//		document.write(a);
		func();
		document.write("<p>");//199100214 张涛
		func2();
		document.write("<p>");
		func3();
		document.write("<p>");
		func4();
		function func(){//第一步建立一个函数
		for(var i=1;i<=5;i++){//三角形一共五排
			for(var j=1;j<=i;j++){//每排的个数是根据第几行来确定个数
				document.write("*");
			}
		document.write("<br>");//一排个数输出结束后，换行到下一排
		}
			}
		function func2(){
			for(var i=1;i<=5;i++){//五行的数
				for(var j=5;j>i;j--){//观察每排*前面的空格数发现最多是4随着行数的增加，空格数减1
					document.write("&nbsp");
				}
				for(var k=1;k<=i;k++){//空格数结束，开始排*，*号的个数与在第几行的行数相同
					document.write("*");//一个*号，一个空格
					document.write("&nbsp");
				}
				document.write("<br>");//每一行循环结束都换行
			}
		}
		function func3(){
			for(var i=1;i<=5;i++){
				for(var j=5;j>i;j--){//观察每排*前面的空格数发现最多是4随着行数的增加，空格数减1
					document.write("&nbsp");
				}
				for(var k=1;k<=5;k++){//每排都是五个* 固定了的
					document.write("*");//一个*号，一个空格
					document.write("&nbsp");
				}
				document.write("<br>");//内部两个循环结束后，换行进入下一次循环
			}
		}
		function func4(){
			for(var i=1;i<=3;i++){//上下部分分开，这是上面三排
				for(var j=1;j<=(4-2*(i-1));j++){//数学规律把前面的空格补齐发现前面的空格最多四个  且下一排的空格只有2，每行减少2
					document.write("&nbsp");
				}
				for(var k=1;k<=(2*i-1);k++){//把*号和空格看成一个组合，第一排1组，第二排3组
					document.write("*");//一个*号，一个空格
					document.write("&nbsp");
				}
				document.write("<br>");//内部两个循环结束后，换行进入下一次循环
			}
			for(var i=1;i<=2;i++){//把上面部分和下面部份分开 
				for(var j=1;j<=2*i;j++){
					document.write("&nbsp");
				}
				for(var k=2;k>=(2*(i-1));k--){
					document.write("*");//一个*号，一个空格
					document.write("&nbsp");
				}
				document.write("<br>");//内部两个循环结束后，换行进入下一次循环
			}
		}
	</script>
</head>

<body>
	<h1>199100214 张涛</h1>
</body>
</html>
